<!--关于-->
<template>
    <div class="about">
      <van-nav-bar title="关于APP" left-text="返回" left-arrow fixed @click-left="onClickLeft"></van-nav-bar>
      <div class="about_content">
          <div class="logo">
              <img src="../assets/logo.png" alt="">
              <div>瓜夕夕APP</div>
          </div>
          <van-cell title="去评分" to="" is-link></van-cell>
          <van-cell title="功能介绍" to="phone" is-link></van-cell>
          <van-cell title="投诉" href="password" is-link></van-cell>
          <van-cell title="版本详情" to="more" is-link></van-cell>
        </div>
    </div>
</template>

<script>
export default {
    methods:{
        onClickLeft(){
            this.$router.push("/setting");
        }
    }
}
</script>

<style>
.about .van-nav-bar{
    border-bottom: 1px solid #d6cdcd;
}
.about .about-content{
    position: relative;
    background: rgb(241, 241, 241);
    top:46px;
}

.about .logo img{
    width: 5rem;
    display: block;
    margin: 4rem auto 1rem;
    background: rgb(86, 206, 132);
    border-radius: 50%;
}
.about .logo div{
    margin: 0 auto 2rem;
    width: 3rem;
}
</style>

